﻿//打开字滑入效果
window.onload = function () {
    $(".connect p").eq(0).animate({ "left": "0%" }, 600);
    $(".connect p").eq(1).animate({ "left": "0%" }, 400);
};
//jquery.validate表单验证
$(document).ready(function () {

    //注册表单验证
    $("#registerForm").validate({
        rules: {
            
            password: {
                required: true,
                minlength: 3,
                maxlength: 32,
            },

            confirm_password: {
                required: true,
                minlength: 3,
                equalTo: '.password'
            },
            phone_number: {
                required: true,
                phone_number: true,//自定义的规则
                digits: true,//整数
            },
            yzm: {
                required: true,
                //remote: true
            },
        },
        //错误信息提示
        messages: {
            
            password: {
                required: "必须填写密码",
                minlength: "密码至少为3个字符",
                maxlength: "密码至多为32个字符",
            },

            confirm_password: {
                required: "请再次输入密码",
                minlength: "确认密码不能少于3个字符",
                equalTo: "两次输入密码不一致",//与另一个元素相同
            },
            phone_number: {
                required: "请输入手机号码",
                digits: "请输入正确的手机号码",
            },
            yzm: {
                required: "请输入验证码",
                //remote: "验证码错误"
            }

        },
    });
    //添加自定义验证规则
    jQuery.validator.addMethod("phone_number", function (value, element) {
        var length = value.length;
        var phone_number = /^1(3|4|5|7|8)\d{9}$/
        return this.optional(element) || (length == 11 && phone_number.test(value));
    }, "手机号码格式错误");

    
});
